<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/rest.css">
    <link rel="stylesheet" href="./css/login.css">
</head>
<body>
    <div class="login">
        <div class="login-banner">
            <img src="./images/login-bg.png" alt="">
        </div>
        <div class="login-r">
            <form action="./index.html">
                <div class="login-top">
                    <img src="./images/logo-white.png" alt="">
                    <div class="spans">
                        <span class="zhdl">账号登录</span>
                        <span class="bs"></span>
                        <span class="smdl">扫码登录</span>
                    </div>
                </div>
                <!-- 控制显示隐藏 -->
                <div class="zhlogin-1">
                    <!-- 账号登陆 -->
                    <div class="zhlogin">
                        
                        <input type="text" placeholder="用户名/手机号/邮箱">
                        <input type="password" placeholder="密码">
                        <a href="">忘记密码</a>
                        <button>登录</button>
                        <p class="xx">还没有源码账号,<a href="">立即注册</a> <span> > </span></p>
                    </div>
                </div>
                <!-- 控制显示隐藏 -->
                <div class="smlogin-1">
                    <!-- 扫码登录 -->
                    <div class="smlogin">
                        <div>
                            <img src="./images/showqrcode.jpg" alt="">
                            <p>微信扫码登录</p>
                            <p>未关注源码科技公众号，请先关注后再登录</p>
                        </div>
                        <p class="xx">还没有源码账号,<a href="">立即注册</a> <span> > </span></p>
                    </div>
                </div>
            </form>
        </div>
    </div>
</body>
<script src="./js/login.js"></script>
</html>